<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			/*并集选择器*/
			p,div {
				color: red;;
			}
			p, div, .ping li {
				color: mediumvioletred;
			}
			/*后代选择器*/
			ul li {
				color: blue;
			}
			/*子选择器*/
			ol>li {
				color: green;
			}
			ol>p {
				color:darkmagenta
			}
			/*下面是伪类选择器*/
				/*a:link 未访问的链接 把没有点击过的(访问过的)链接选出来*/
			a:link {
				font-size: 40px;
				color: #333333;
				text-decoration: none; /*清除下划线*/
			}
			/*a:visited 选择点击过的(访问过的链接)*/
			a:visited {
				color: orange;
			}
			/*a:hover 选择鼠标经过的那个链接*/
			a:hover {
				color: skyblue;
			}
			/*a:active 选择的是我们鼠标正在按下还没有弹起鼠标的那个链接*/
			a:active {
				color: green;
			}
		</style>
	</head>
	<body>
		<P>123</P>
		<div>456</div>
		<ul>
			<li>嘿嘿黑</li>
			<li>嘿嘿黑</li>
			<li>嘿嘿黑</li>
		</ul>
		<ol>
			<li>345</li>
			<p>345</p>
		</ol>
		<ul class="ping">
			<li>33333</li>
		</ul>
		<a href="#">链接图片</a>
		<br	>
		<a href="http://www.xxxxx.com">连接网络</a>
	</body>
</html>
